<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<script type="text/javascript" src="./js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="./js/extend.js"></script>
	<script type="text/javascript" src="./js/slide.js"></script>
	<script type="text/javascript" src="./js/demo.js"></script>
	<link rel="stylesheet" href="./css/inc.css" />
	<!-- 高亮代码 -->
	<script type="text/javascript" src="./high/rainbow-custom.min.js"></script>
	<link rel="stylesheet" href="./high/github.css" />
	<title>老地方-快速css搭建平台</title>
</head>
<body>
	<div class="w800 auto">
		<div class="Menu rel">
			<a href="index.html"><i class="icon-home gray mr5"></i>首页</a>
			<a href="layer.html"><i class="icon-th gray mr5"></i>布局</a>
			<a href="table.html"><i class="icon-table gray mr5"></i>表格</a>
			<a href="form.html"><i class="icon-building gray mr5"></i>表单</a>
			<a href="button.html"><i class="icon-coffee gray mr5"></i>色彩</a>
			<a href="ico.html"><i class="icon-leaf gray mr5"></i>图标</a>
			<a href="js.html"><i class="icon-legal gray mr5"></i>js插件</a>
			<a href="tween.html"><i class="icon-legal gray mr5"></i>动画效果参考</a>
		</div>
	</div>
	<div class="container w800 auto mt10">
		<style type="text/css">
			.pic a{display: none;}
		</style>
		<div class="row rel" id="indexSlide">
			<div class="span12 bdc rel h400 of pic">
				<a class="abs dib" style="display:block;" href="" title="布局" ><img width="800" height="400" src="./img/s1.jpg" alt="" /></a>
				<a class="abs dib" href="" title="表格"><img width="800" height="400" src="./img/s2.jpg" alt="" /></a>
				<a class="abs dib" href="" title="表单系统"><img width="800" height="400" src="./img/s3.jpg" alt="" /></a>
				<a class="abs dib" href="" title="混搭颜色"><img width="800" height="400" src="./img/s4.jpg" alt="" /></a>
				<a class="abs dib" href="" title="基与JQuyer插件"><img width="800" height="400" src="./img/s5.jpg" alt="" /></a>
			</div>
		</div>

		
	</div>
<div class="w800 auto mt10">
	<h5 class="f30">如何引用？只需三步！</h5>
	<b class="btn f16 bggreen mt5">第一步：下载框架</b>
	<pre data-language="html" class="github fv f18">
	将css,font,js[demo.js,slide.js可选]三个文件夹拷贝到项目目录下。 </pre>
	<b class="btn f16 bggreen-2 mt5">第二步：引入js文件</b>
	<pre data-language="html" class="github fv f18">
	<!-- JQuery 框架，必备的 -->
	<script type="text/javascript" src="./js/jquery-1.7.2.min.js"></script>
	<!-- 框架js效果都靠他了 -->
	<script type="text/javascript" src="./js/extend.js"></script> 	</pre>
	<b class="btn f16 bggreen-4 mt5">第三步：引入css文件</b>
	<pre data-language="html" class="github fv f18">
	<!-- 框架样式表 -->
	<link rel="stylesheet" href="./css/inc.css" /> </pre>
	<div class="tc">
		<b class="btn f22 bgteal-4 mt5 fm">ok！大功告成！你可以使用框架里的样式和js效果了！</b>
	</div>
</div>

<!-- <div class="w800 auto mt10">
	<div class="span12 bdc">
		<h3 class="tc bgwhite-1 p5 gray fm">CSS介绍</h3>
		<div class="p10">
			<p class="5">class都是兄弟关系，命名多数采用首字母方式，</p>
			<p class="5">如：float:left 样式名为 l </p>
			<p class="5">如：background:red 样式名为 bgred </p>
			<p class="5">如：border-left:#ccc 样式名为 bdlc </p>
			<p class="5">常用类</p>
			<p class="5">
				<span class="dib w100">布局</span>
				<span class="dib w100">float:left --- l</span>
				<span class="dib w100">float:right --- r</span>
				<span class="dib w100">clear:left --- cll</span>
				<span class="dib w100">clear:left --- clr</span>
				<span class="dib w100">clear:both --- cl</span>
			</p>
			<div class="pre">

			</div>		
		</div>
	</div>
</div> -->

<div class="w800 auto mt10">
	<div class="bgblack white tc lh30">
		衷心感谢后盾网，祝愿后盾网越办越好，越办越大。。。
	</div>
</div>

<div class="Fixed cp abs w30 bggray white p5 tc f12 fm fixed b10 r10 dn"><i class="icon-arrow-up icon-large mr10 f22"></i> 顶部</div>
</body>
</html>